import React, {Component} from 'react';
import {observer} from 'mobx-react';
import {Tools, Icon} from 'weaver-mobile';
const getLabel = Tools.getLabel;

@observer
export default class NoData extends Component{
    render(){
        const {store} = this.props;
        const {initialPage} = store;
        return (
            <div className='noData'>
                {
                    initialPage == 2 ?
                    <div className='panel'>
                        <Icon type="organization-structure" size="lg" className='icon'/>
                        <div className='msg'>{getLabel(390065, '您还没有下属')}</div>
                    </div>
                    :
                    <div className='panel'>
                        <Icon type="no-data" size="lg" color='#b2b2b2' className='icon-1'/>
                        <div className='msg'>{getLabel(83553, '暂无数据')}</div>
                    </div>
                }
            </div>
        )
    }
}